<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>中国(太原)煤炭交易中心-煤炭交易平台</TITLE>
<META content="text/html; charset=utf-8" http-equiv=Content-Type>
<link href="<s:url value="/resources"/>/css/css.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="<s:url value="/resources"/>/css/ui-lightness/jquery-ui-1.8.23.custom.css" />
<link rel="shortcut icon" href="<c:url value='/'/>/ctctc.ico" />
<style type="text/css">
 body {
	 background-image: url(<s:url value="/resources"/>/images/login_01.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
}
ul {
	list-style-type: none;
}
.inputlist {
	margin-top: 40px;
}
.inputlist li input {
	width: 230px;
	height: 32px;
	border: 1px solid #b8b8b8;
	line-height: 30px;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	margin-bottom: 10px;
	font-size: 14px;
	color: #5878a9;
}
.inputlist .mail {
}
.inputlist .emails {
	width: 230px;
	height: 32px;
	border: 1px solid #b8b8b8;
	position: relative;
	margin-bottom: 10px;
	line-height: 30px;
	color: #5878a9;
	font-size: 14px;
}
.emails a {
	text-decoration: none;
	display: block;
	height: 30px;
	cursor: pointer;
	font-size: 14px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 5px;
	background-image: url(<s:url value="/resources"/>/images/select-icons.png);
	background-repeat: no-repeat;
	background-position: 195px -115px;
}
.emails a.up {
	background-position: right -66px;
}
.emails ul.maillist {
	_width: 80px;
	position: absolute;
	display: none;
	padding: 0 5px;
	top: 30px;
	z-index: 999;
	visibility: visible;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b8b8b8;
	border-right-color: #b8b8b8;
	border-bottom-color: #b8b8b8;
	border-left-color: #b8b8b8;
}
.emails ul.maillist li {
	height: 30px;
	line-height: 30px;
}
.emails ul.maillist li a {
	background: none;
	padding: 0;
}
.emails ul.maillist li a:hover {
	color: #222;
}
.inputlist .login input {
	width: 102px;
	height: 35px;
	cursor: pointer;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 18px;
	margin-top: 10px;
}
.ui-menu {
	width: 120px;
	position: absolute;
	z-index: 101;
}
.login_code {
	width: 70px;
	height: 32px;
	padding-top: 0;
	border: 1px solid #b8b8b8;
	line-height: 30px;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
}
.gonggao{
	height: 300px;
	overflow: hidden;
}
.gonggao_biaoti{
	font-family: "微软雅黑";
	font-size: 20px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	line-height: 30px;
	text-shadow: 1px 1px 0px #FFFFFF;
	padding-bottom: 10px;
}
.gonggao_neirong2{
	font-size: 14px;
	line-height: 26px;
	color: #333;
	font-family: "微软雅黑";
	font-weight: normal;
	text-shadow: 1px 1px 5px #FFFFFF;
}
.gonggao_neirong2 a{
	color: #F00;
}
.gonggao_neirong2 a:hover{
	color: #F60;
}
.gonggao_neirong{
	font-size: 14px;
	line-height: 26px;
	color: #333;
	font-family: "微软雅黑";
	text-indent: 2em;
	font-weight: normal;
	text-shadow: 1px 1px 5px #FFFFFF;
}
.gonggao_neirong a{
	color: #F00;
}
.gonggao_neirong a:hover{
	color: #F60;
}

.gonggao_neirong_b{
	color: #123877;
	font-weight: bold;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.gonggao_neirong_c{
	color: #0E356E;
	font-weight: bold;
	font-size: 15px;
	line-height: 26px;
}
.gonggao_shijian{
	font-family: "微软雅黑";
	font-size: 14px;
	color: #333333;
	text-align: right;
	text-shadow: 1px 1px 5px #FFFFFF;
	padding-right: 30px;
	padding-top: 30px;
}
    </style>
    <script src="<s:url value="/resources"/>/js/jquery.js" type="text/javascript"></script>
    <script src="<s:url value="/resources"/>/js/jquery-ui.js" type="text/javascript"></script>
<SCRIPT language=javascript type=text/javascript>

bSubmit = false;
        function check() {
            bSubmit = true;
            document.getElementById("bSubmit").value = true;
            if (document.getElementById("userName").value.length < 1) {
                alert('请输入用户名！');
                document.getElementById("userName").focus(); //获得焦点
                return false;
            } else if (document.getElementById("password").value.length < 1) {
                alert('请输入密码！');
                document.getElementById("password").focus(); //获得焦点
                return false;
            } else {

                document.getElementById("loginform").submit();
                return true;
            }
        }
        function EnterSumbit() {
            if (fnSubmit())
                document.form1.submit();
        }
        $(function () {
            $("#userName").focus();


            $("#selapp").click(function () {
                var menu = $(this).next().show().position({
                    my: "left top",
                    at: "left bottom",
                    of: this
                });
                $(document).one("click", function () {
                    menu.hide();
                });
                return false;
            })
          .next()
            .hide()
            .menu();
        
         })
         
          function AlterCheckCode() {            
            var url = "<s:url value="/"/>/login/validateCode";           
            $("#CCImage").attr("src", url);
        }
         

function beforeLogin()
   {
   //form1.location.href="/index.jsp";
   loginform.method="post";
   loginform.action="<s:url value="/login/logon"/>";
   loginform.submit();
   }
</SCRIPT>
</HEAD>
<body bgcolor="#F1F1F1" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="992" border="0" align="center" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td><img src="<s:url value="/resources"/>/images/3-xhyy.jpg" width="667" height="88"></td>
      <td align="right" valign="bottom" style="padding-bottom: 10px;"><div> <a href="mtzq_html/classify.html" style="color: red; text-decoration: none; font-size: 9pt;float:left;" target="_blank">新版邀约交易新手指引</a> 
          <!--   <span style="float:left;">&nbsp;|&nbsp;</span>
              <a href="#" style="color: #222; text-decoration: none; font-size: 9pt;float:left;" target="_blank">交易培训平台</a>
                <a id="selapp" style="background-image:url(/mtjyqt/resources/images/down_menu.gif);width:12px;height:10px;display:block;float:left;margin:2px;"></a>
   
    <ul style="display:none">
    <li><a style="color: #222; text-decoration: none; font-size: 9pt; "  href="#">现货挂牌交易系统</a></li>
    <li><a style="color: #222; text-decoration: none; font-size: 9pt; "  href="#">招标拍卖交易系统</a></li>
    <li><a style="color: #222; text-decoration: none; font-size: 9pt; "  href="#">现货邀约交易系统</a></li>
    <li><a style="color: #222; text-decoration: none; font-size: 9pt; "  href="#">现货资金结算系统</a></li>
    <li><a style="color: #222; text-decoration: none; font-size: 9pt; "  href="#">现货货物交收系统</a></li>
    <li><a style="color: #222; text-decoration: none; font-size: 9pt; "  href="#">铁路运输申请系统</a></li>
    <li><a style="color: #222; text-decoration: none; font-size: 9pt; "  href="#">铁路调度信息系统</a></li>
    <li><a style="color: #222; text-decoration: none; font-size: 9pt; "  href="#">公路调度信息系统</a></li>
    <li><a style="color: #222; text-decoration: none; font-size: 9pt; "  href="#">公路运销票据系统</a></li>
  </ul> --> 
        </div></td>
    </tr>
  </tbody>
</table>
<table width="992" border="0" align="center" cellpadding="0" cellspacing="0">
  <tbody>
    <tr style="padding: 0px 0px 0px 0px;">
      <td height="513" background="<s:url value="/resources"/>/images/login_06.jpg"><table width="100%" height="260" border="0" cellpadding="0" cellspacing="0">
          <tbody>
            <tr>
              <td><table width="100%" border="0" cellspacing="0" cellpadding="0" class="gonggao">
                <tr>
                  <td width="70">&nbsp;</td>
                  <td class="gonggao_biaoti">· 交易公告 ·</td>
                  <td width="80">&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td class="gonggao_neirong">为了适应“互联网+”国家战略，推进煤炭现货交易工作，我中心经过前期研发和试运行，拟从2016年1月1日启用新版煤炭现货电子商务平台（简称电商平台），届时原挂牌系统、邀约系统将停止使用,其功能将迁移到电商平台中。为了保证您交易过程的顺畅，提升交易体验，届时请通过<a href="http://e.ctctc.cn">电商平台</a>开展交易工作。</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td width="70">&nbsp;</td>
                  <td class="gonggao_neirong_b">电商平台操作指引</td>
                  <td width="80">&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td class="gonggao_neirong2">
<span class="gonggao_neirong_c">2016年度交易：</span>请<a href="http://e.ctctc.cn">点击此处</a>进入电商平台->合同中心->年度直签合同进行操作或从交易中心门户网站“2016年度煤炭网上交易专区”进行年度交易工作。<br>
<span class="gonggao_neirong_c">日常交易：</span>交易商可使用挂牌、拍卖、招标等功能进行交易，具体操作请进入电商平台“挂牌、拍卖、招标”功能进行详细了解,您还可通过培训平台进行模拟交易。</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td class="gonggao_neirong">如您在线下完成交易洽谈，可进入电商平台-&#62;合同中心-&#62;日常直签合同进行合同操作。</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td class="gonggao_shijian">2015年12月16日</td>
                  <td>&nbsp;</td>
                </tr>
              </table></td>
                                <td width="300" valign="top">
                                    <form method="post" name="loginform" id="loginform" onkeypress="if( event.keyCode == 13 ) {beforeLogin();}">
                                    <ul class="inputlist">
                                    <li style="margin-top:70px;"><label style="color: #222; font-size: 9pt; text-decoration: none;">登陆名：</label></li>
                                        <li class="mail">
                                            <input id="userName" name="loginname" type="text" maxlength="18"  
                                                autocapitalize="off" autocomplete="off" >
                                        </li>
                                        <li><label style="color: #222; font-size: 9pt; text-decoration: none;">密码：</label></li>
                                        <li class="pswd">
                                           
                                                
                                            <input id="password" name="password" type="password" >
                                        </li>
                                         <li>
                                        <label style="color: #222; font-size: 9pt; text-decoration: none;">验证码：</label>
                                        </li>
                                        <li>
                                        <div> 
                                          <input  style="width:80px;vertical-align:middle;  " name="validateCode"/>    
                                           <img src="<s:url value="/login/validateCode"/>"  id="CCImage" style="vertical-align:middle; " onclick="AlterCheckCode();" alt="请输入验证码" title="看不清换一张" />
                                        </div> 
                                        </li>
                                        <li class="login" id="denglu">
                                        <a id="A1" style="cursor: hand" title="密钥登录" >
                                            <img src="<s:url value="/resources"/>/images/uKey.jpg" onclick="window.open('https://202.97.146.40/tlyyxt2','_self')" border="0" /></a>                                         
                                           <a id="go" onclick="return check();" style="cursor: hand" title="登录">
                                               <img src="<s:url value="/resources"/>/images/b_11.jpg" border="0" onclick="beforeLogin()"/></a> &nbsp;&nbsp;&nbsp;&nbsp; 
                                        </li>
                                        <a style="color: Red; font-size: 15px" href="http://jy.ctctc.cn:9956/IMAGE/密钥安装及更新.rar">密钥服务程序下载</a>
                                    </ul>
                                    <input type="hidden" id="bSubmit" name="bSubmit" value="false" />
                                    <input type="hidden" id="appid" name="appid" value="3" />
                                    </form>
                                </td>
                                <td width="20">
                                    &nbsp;
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <table style="color: Red; font-size: 15px; text-align: right; float: right">
                        <tr>
                            <td colspan="2">
                                <br />
                                <br />
                                <span style="color: Red; font-size: 15px; text-align: right; float: right">提示:1、交易商请使用交易员的密钥进行密钥登录 <br/>2、新注册交易商可暂用用用户名密码进行普通登录</span>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td align="center" style="font-size: 9pt; color: #999999">
                     中国（太原）煤炭交易中心  Copyright ©2014 CTCTC. 
                </td>
            </tr>
        </tbody>
    </table>
    <script language="javascript" for="document" event="onkeydown">
    if (event.keyCode == 13){//敲击回车键
        document.getElementById("go").click();
        
    }
      
    </script>
</body>
